<!-- 管理学生报名信息 -->
<template>
	<view class="container">
		<view class="sm-border card-menu">
			<view class="cu-item bg-white margin-bottom-sm" v-for="item in signUpList" :key="item.id">
				<view class="content padding-sm">
					<view class="flex align-center justify-between">
						<view class="flex align-center">
							<uni-icons type="person" size="15" color="#333"></uni-icons>
							<text class="margin-left-xs text-black">{{item.student_name}}</text>
						</view>
						<view class="flex">
							<uni-icons type="vip-filled" size="15" color="#fbbd08"></uni-icons>
							<text class="fr text-sm">{{item.match_area_group_name}}</text>
						</view>
					</view>
					<view class="text-gray text-sm padding-tb-xs" v-if="item.check_reward_level_name">
						<text class="margin-right-xs">{{item.check_reward_level_name}}</text>
					</view>
					<view class="">
						<text class="text-gray text-sm">{{item.match_area_group_name}}</text>
						<text class="text-sm">({{item.match_cate_name}})</text>
					</view>
				</view>
				
			</view>
			<!-- <u-cell-group>
				<u-cell v-for="item in signUpList" :key="item.id" icon="man-add" :title="item.student_name"
					:value="item.match_area_group_name" :label="item.match_type_name" size="large"
					:data-id="item.id"></u-cell>
			</u-cell-group> -->
		</view>
		<view class="c-empty" v-if="signUpList.length==0">
			<u-empty icon="/static/empty/list.png" text="暂无学生报名信息" textSize="18" marginTop="25%" width="80%"></u-empty>
		</view>
	</view>
</template>

<script>
	export default {
		name: "",
		data() {
			return {
				// 学生报名列表
				signUpList: [],
				query: {
					page: 1,
					page_size: 20,
					match_type_name: '',
					user_id:17
				}
			}
		},
		onLoad(query) {
			this.query.match_type_name = query.name
			this.getStudentSignUpList()
		},
		onReachBottom() {
			this.query.page += 1
			this.getStudentSignUpList()
		},
		methods: {
			// 跳转报名信息详情
			toMineSignUpInfo(e) {
				if (e.target.dataset.id) {
					this.navigateTo("/pages/pages_mine/public/mineSignUpInfo?id=" + e.target.dataset.id)
				}
			},
			// 获取学生报列表
			getStudentSignUpList() {
				this.$http.getStudentSignUpList(this.query).then(res => {
					this.signUpList = this.signUpList.concat(res.data)
				})
			}
		}
	}
</script>

<style scoped lang="scss">
	.container {
		.c-cell {
			background-color: #fff;
		}
	}
</style>